import { NextPage } from './../next/next';
import { AlertProvider } from './../../providers/alert/alert';
import { Component } from '@angular/core';
import { NavController, App } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, public alert: AlertProvider, private app: App) {
  }

  showAlert () {
    this.alert.alert({title: '标题', message: '这是一个 alert 弹出层'});
  }

  showConfirm () {
    this.alert.confirm({
      title: '标题',
      message: '这是一个 confirm 窗口', 
      ok: () => {
        alert('你选择了确定');
      },
      cancel: () => {
        alert('你选择了取消');
      }
    })
  }

  showMsg () {
    this.alert.msg({content: '2秒后消失', duration: 2000});
  }

  toNext () {
    // 这个页面是属于 tab 中的一个子组件, 所以前往其它页面的时候用 app.getRootNav() 获取父组件中的导航组件进行导航
    // 一般情况下我们用 this.navCtrl.push(XXPage) 的方式前往 XX 页面
    this.app.getRootNav().push(NextPage);
  }
}
